﻿@charset "utf-8"; /* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    font-family: "HanHei SC", "Source Han Sans", "Hiragino Sans GB", "STHeiti Light", "Helvetica", "Microsoft YaHei", "Arial", "Verdana", "sans-serif";
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul, ul li, ol li, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, textarea {
    border: 0;
    outline: none;
    -webkit-appearance: none;
    padding: 0;
    margin: 0; /*去掉内部阴影*/
}

input[type=input] {
    -webkit-appearance: none;
}

/*移除ios样式*/
input[type=checkbox] {
    -webkit-appearance: checkbox;
}

/*去除a标签的虚线框*/
*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    outline: none;
    text-decoration: none;
}

html {
    width: 100%;
    height: 100%;
    font-size: 10px;
    -webkit-text-size-adjust: 100%; /*禁止文本缩放*/
}

@media screen and (min-width: 321px) and (max-width: 375px) {
    html {
        font-size: 11px
    }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 415px) and (max-width: 639px) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width: 640px) and (max-width: 719px) {
    html {
        font-size: 20px
    }
}

@media screen and (min-width: 720px) and (max-width: 749px) {
    html {
        font-size: 22.5px
    }
}

@media screen and (min-width: 750px) and (max-width: 799px) {
    html {
        font-size: 23.5px
    }
}

@media screen and (min-width: 800px) {
    html {
        font-size: 25px
    }
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}

::-webkit-input-placeholder {
    color: #999;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.none {
    display: none;
}

.box {
    width: 100%;
    display: -webkit-box;
    display: box;
    text-align: left;
}

.flex {
    -webkit-box-flex: 1;
    box-flex: 1;
}

/*公用样式*/
.videoBox {
    width: 100%;
    height: 100%;
    background: #000;
}

.ground_video {
    position: relative;
    overflow: hidden;
}
.TV-title{
    display: block;
    width:100%;
    text-align: center;
    font: normal 1.7rem/3rem "宋体";
    color: #333333;
}

.ground_video p {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 1.5rem;
    width: 100%;
    height: 3rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font: normal 1.1rem/3rem "";
}
.ground_video .centerBox{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 32px auto 10px;
}

.ground_box {
    margin-top: 1rem;
    background: #fff;
}

.ground_box h1 {
    padding: 1.4rem 1rem;
    border-bottom: solid 1px #eee;
    font: bold 1.6rem "";
}

.ground_box li {
    box-sizing: border-box;
    padding: 1rem;
    border-bottom: solid 1px #eee;
}

.ground_img {
    width: 12.4rem;
    height: 7.9rem;
    overflow: hidden;
}

.ground_img img {
    width: 100%;
    min-height: 7.9rem;
}

.ground_tit {
    box-sizing: border-box;
    padding: 1rem 1rem 1rem 0;
}

.iconFont {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.2rem;
    margin-left: -2rem;
    display: block;
    width: 4rem;
    height: 4rem;
    background: url("../images/paly.png") no-repeat;
    background-size: 100% 100%;
}

.ground_tit h2 {
    font: normal 1.5rem/1.7rem ""; /*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/
    color: #222;
    height: 3.2rem;
    overflow: hidden;
}

.ground_tit span {
    font: normal 1.2rem/1.5rem "";
    color: #989898;
}

.ground_tit p {
    margin-top: 1.7rem;
}

.pdDownLoad {
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%;
    height: 4rem;
    background: #526585;
    position: fixed;
    opacity: 0.9;
    z-index: 1111;
    left: 0px;
    bottom: 0px;
    animation: fadeUp 0.5s ease-in-out;
    -webkit-animation: fadeUp 0.5s ease-in-out;
}

.pdlogo1 {
    width: 65%;
    margin: 0.8rem 0;
}

.pdlogo2 {
    width: 20%;
    margin: 1rem 0 0 1rem;
}

.pdlogo2 img {
    width: 100%
}

.pdlogo3 {
    width: 4%;
    margin: 1.5rem 0 0 1.5rem;
}

.bordeNone {
    border: none;
}

/*回看*/
.descBox {
    box-sizing: border-box;
    padding: 1.5rem 0 1.5rem 0;
}

.descBox h1 {
    padding: 0 1.5rem;
    font: normal 2.2rem/2.4rem "";
    color: #000;
}

.descTime {
    padding: 0 1.5rem;
    font: normal 1.1rem "";
    color: #989898;
    margin-top: 1rem;
}

.descName, .descEdit {
    padding: 0 1.5rem;
    font: normal 1.2rem "";
    color: #989898;
}

.descCont {
    margin-top: 0.7rem;
}

.descCont p, .descImgTit {
    padding: 0 1.5rem;
    font: normal 1.6rem/2.4rem "";
    color: #000;
    margin-bottom: 0.7rem;
}

.descCont img {
    width: 100% !important;
    margin-bottom: 0.7rem;
    height: auto !important;
}

.descImgTit {
    display: block;
    font: normal 1.5rem/0.3rem "";
    color: #989898;
    text-align: center;
}

.descSee h2, .descComment h2, .CommentRecome .title {
    box-sizing: border-box;
    font: normal 1.4rem "";
    color: #222;
    padding: 1.5rem 1.25rem;
    background: #f5f5f5;
    border-bottom: solid 1px #ccc;
}

.descSee li {
    box-sizing: border-box;
    padding: 1.2rem 1.25rem;
    border-bottom: solid 1px #ececec;
    font: normal 1.4rem "";
    color: #222;
}

.descComment li {
    padding: 0 1.25rem 2rem 1.25rem;
    box-sizing: border-box;
    border-bottom: solid 1px #ececec;
}

.CommentTx p {
    display: inline-block;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 50%;
    overflow: hidden;
}

.CommentTx img {
    width: 100%;
    min-height: 100%;
}

.CommentTx {
    margin-top: 1rem;
    height: 4.25rem;
    line-height: 4.25rem;
}

.CommentTx span, .CommentPc {
    font: normal 1.4rem "";
    margin-left: 1rem;
    color: #222;
}

.CommentPc {
    margin: 0.8rem 0 0 4.3rem;
}

.CommentRecome li {
    padding: 1rem 1.25rem 1rem 1.25rem;
}

.CommentRecome li:first-child {
    padding-top: 0;
}

.CommentRecome span {
    color: #f13517;
}

.ground_video .ifImg {
    width: 100%;
    min-height: 100%;
}

.ground_media {
    padding: 0 1rem 0 2.8rem;
    box-sizing: border-box;
    width: 100%;
    height: 6rem;
    border-bottom: solid 1px #ececec;
}

.ground_media img {
    width: 67%;
    vertical-align: middle;
    margin: -0.1rem 0 0 1.3rem;
}

.ground_media span {
    font: normal 1.5rem/6rem "";
    color: #000;
}

.mediaPlay {
    margin-top: 1.75rem;
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    background: url("../images/paly.png");
    background-size: 100% 100%;
}

.mediaBox {
    display: none;
}

.onPlay {
    background: url("../images/paly1.png");
    background-size: 100% 100%;
}

.ground_box .cityInfo {
    color: #f13517;
}

.city_header {
    width: 100%;
    display: block;
}

.city_box {
    margin-top: 0;
    border-top: solid 1px #eee;
}

.opicComment {
    background: #fff;
}

.opicComment h2 {
    border: none;
}

.progressBar, .progressBar p {
    position: relative;
    width: 60%;
    height: 1rem;
    background: #eee;
    border-radius: 5px;
}

.progressBar p {
    background: #f13517;
}

.descSee li span {
    font: normal 1.4rem/0.8rem "";
}

.progressBox {
    margin-top: 1.5rem;
}

.ground_video .living {
    margin: 0.5rem;
    width: 4rem;
    height: 1.5rem;
    background: url("../images/liveimg.png") no-repeat;
    background-size: 100% 100%;
}

.liveSource {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    box-sizing: border-box;
    font-size: 1.1rem;
    color: #989898;
}

.liveKg {
    padding: 0 1.5rem;
    font: normal 1.4rem/2.4rem "";
    color: #000;
}

.liveChoose {
    margin-top: 1rem;
    width: 100%;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
}

.liveChoose li {
    position: relative;
    width: 41%;
    padding: 1.5rem 0;
    font: normal 1.6rem "";
    color: #000;
}

.liveChoose li:first-child {
    text-align: right;
}

.liveChoose li:first-child label {
    right: 0;
}

.liveChoose li label {
    position: absolute;
    bottom: 0;
    display: block;
    width: 5rem;
    height: 0.2rem;
    background: #fff;
}

.liveChoose li.on {
    color: #f22200;
}

.liveChoose li.on label {
    background: #f22200
}

.liveTit {
    padding: 1.5rem 0;
    width: 100%;
    font: normal 1.4rem "";
    text-align: center;
    color: #000;
    border-bottom: solid 1px #e6e6e6;
    background: #fafafa;
}

.liveCont {
    margin: 1rem 2.3rem;
    border-left: solid 1px #222;
}

.liveCont li {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 1.5rem 2.5rem;
}

.liveCont li p {
    font: normal 1.5rem/2.4rem "";
    color: #000;
}

.liveCont li span {
    display: block;
    margin-bottom: 0.5rem;
    font: normal 1.3rem/2.4rem "";
    color: #f13517;
}

.liveCont hr {
    position: absolute;
    bottom: 0;
    width: 100%;
    border: 0;
    background-color: #e6e6e6;
    height: 1px;
}

.liveCont li label {
    display: block;
    position: absolute;
    left: -0.9rem;
    top: 0rem;
    width: 1.8rem;
    height: 1.8rem;
    background: url("../images/littleLogo.jpg") no-repeat;
    background-size: 100% 100%;
}

.liveCont li img {
    width: 28%;
    float: left;
    margin: 1rem 5% 0.8rem 0;
}

.notHaveData {
    padding: 0 1.5rem;
    font: normal 1.5rem/2rem "";
    color: #000;
    margin-bottom: 0.7rem;
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeUp {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(0);
    }
}

#seeMOre {
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    font-size: 1.2rem;
    color: #222;
}
